/* 管理系统全局样式 */

* {
  box-sizing: border-box;
}

html, body, #root {
  height: 100vh;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.85);
  background-color: #f0f2f5;
}

#root {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
}

/* 滚动条样式 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

/* Ant Design 组件样式优化 */
.ant-layout {
  background: transparent;
}

.ant-layout-content {
  background: transparent;
}

.ant-layout-sider {
  background: #fff !important;
  box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
}

.ant-layout-header {
  background: #fff !important;
  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
  height: 64px;
  padding: 0 24px;
}

.ant-menu {
  border-right: none !important;
}

.ant-card {
  box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}

/* 页面过渡动画 */
.page-transition {
  animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 自定义Tabs样式 - 覆盖默认margin-bottom */
.custom-tabs .ant-tabs-nav {
  margin-bottom: 0 !important;
}

/* 确保Tabs内容区域没有额外的margin */
.custom-tabs .ant-tabs-content {
  margin-top: 0;
}

/* 表格样式优化 - 减少padding */
.ant-table {
  margin: 0 !important;
}

.ant-table-container {
  border-radius: 8px !important;
}

.ant-table-thead > tr > th {
  padding: 12px 16px !important;
  font-weight: 600;
  background-color: #fafbfc;
}

.ant-table-tbody > tr > td {
  padding: 10px 16px !important;
}

.ant-table-pagination {
  margin: 16px !important;
}

.ant-table-pagination.ant-table-pagination-right {
  padding-right: 16px !important;
}

/* 表格title栏样式优化 */
.ant-table-title {
  padding: 12px 16px !important;
  font-weight: 600;
  color: #1a1a1a;
  background-color: #fafbfc;
  border-bottom: 1px solid #e4e7eb;
}

/* 表格整体简洁风格 */
.ant-table {
  font-size: 14px;
}

.ant-table-thead > tr > th {
  font-size: 14px;
  color: '#1a1a1a';
  font-weight: 600;
  background: #fafbfc;
}

.ant-table-tbody > tr > td {
  font-size: 14px;
  color: '#4a5568';
  font-weight: 500;
}

.ant-table-pagination {
  font-size: 14px;
  margin: 16px !important;
}

/* 表格标题区域 - 简洁风格 */
.advanced-table .ant-table-title {
  padding: 16px;
  background: #fff;
}

/* 搜索区域 - 简洁样式 */
.advanced-table .ant-table-title .search-section {
  margin-bottom: 12px;
}

.advanced-table .ant-table-title .search-section span {
  font-size: 14px;
  font-weight: 500;
  color: '#666';
}

.advanced-table .ant-table-title .ant-input,
.advanced-table .ant-table-title .ant-select,
.advanced-table .ant-table-title .ant-input-number,
.advanced-table .ant-table-title .ant-picker {
  font-size: 14px;
  font-weight: 500;
  border-radius: 4px;
}

/* 批量操作区域 - 简洁样式 */
.advanced-table .ant-table-title .batch-section {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.advanced-table .ant-table-title .ant-tag {
  font-size: 14px;
  font-weight: 500;
}

/* 按钮样式 - 简洁风格 */
.advanced-table .ant-table-title .ant-btn {
  font-weight: 500;
  font-size: 14px;
  border-radius: 4px;
}

.advanced-table .ant-table-title .ant-btn-primary {
  font-weight: 600;
}

/* 工具栏区域 - 简洁布局 */
.advanced-table .ant-table-title .toolbar-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  border-top: 1px solid #f0f0f0;
}

.advanced-table .ant-table-title .toolbar-section .title-section {
  display: flex;
  align-items: center;
  gap: 12px;
}

.advanced-table .ant-table-title .toolbar-section .title-section h3 {
  font-size: 14px;
  font-weight: 600;
  color: '#1a1a1a';
  margin: 0;
}

.advanced-table .ant-table-title .toolbar-section .actions-section {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* 表格内按钮和标签 - 简洁样式 */
.ant-table .ant-btn-sm {
  font-size: 13px;
  font-weight: 500;
}

.ant-table .ant-tag {
  font-size: 13px;
  font-weight: 500;
}

/* 表格样式优化 - 保持简洁的 Ant Design 风格 */
.ant-table-thead > tr > th {
  background-color: #fafafa !important;
  font-weight: 600 !important;
  color: #262626 !important;
  border-bottom: 1px solid #f0f0f0 !important;
}

.ant-table-tbody > tr:hover > td {
  background-color: #f5f5f5 !important;
}

.ant-table-tbody > tr.ant-table-row-selected > td {
  background-color: #e6f7ff !important;
}

/* 表格标题区域样式 */
.ant-table-title {
  padding: 0 !important;
  background: transparent !important;
  border-bottom: none !important;
}

/* 分页器样式 */
.ant-table-pagination.ant-pagination {
  margin: 16px 0 !important;
}